const webpack = require('webpack');
const path = require('path');

module.exports = {
  //Compiler版本:可对template模板内容进行编译
  // runtimeCompiler: true,
  //配置路径
  configureWebpack: {
    //引入jquery
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery"
      })
    ],
    //配置别名
    resolve: {
      alias: {
        // '@':'src',
        'assets': '@/assets',
        'common': '@/common',
        'components': '@/components',
        'views': '@/views'
      }
    }
  },
  outputDir: 'dist', //build输出目录
  assetsDir: 'assets', //静态资源目录（js, css, img）
  lintOnSave: false, //是否开启eslint
  devServer: {
    open: true, //是否自动弹出浏览器页面
    host: "127.0.0.1",
    port: '8080',
    https: false, //是否使用https协议
    hotOnly: false, //是否开启热更新
    proxy: { //代理
      '/jg-api': {
        // target: 'http://119.3.226.167:6382', //API服务器的地址
        target: 'http://192.168.1.249:6382', //API服务器的地址
        ws: true, //代理websockets
        changeOrigin: true, // 虚拟的站点需要更管origin
        pathRewrite: { //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
          '^/api': ''
        }
      }
    },
  },
  //全局less
  pluginOptions: {
      'style-resources-loader': {
        preProcessor: 'less',
        patterns: [
          path.resolve(__dirname, 'src/assets/css/pub.less')
        ]
      }
    },
}
